@import url(public.css?v=1.03);.main-nav-wrap{height:46px;padding:15px 0px;background:#000000}
.main-nav-logo{margin-top:3px;float:left}
.main-nav-logo img{height:40px;}
.main-nav{padding-left:140px;float:left;}
.main-nav li{line-height:46px;float:left;font-size:15px}
.main-nav li a{padding-left:20px;padding-right:20px;display:block;color:#f0f0f0}
.main-nav li a:hover{color:#fff}
.main-nav li a.new:after{content:"";position:absolute;right:9px;top:11px;display:block;width:7px;height:7px;border-radius:50%;background:#e8403d}
.main-nav li.active a{background:#2e363b}
#menu-toggle {display: none;}
@media screen and (max-width: 1000px) {
    .main-nav-logo img{height:40px;}
    .main-nav{display:none;padding-left:0px;position:fixed;top:45px;left:140px;width:100%;height:100%;background:#000;}
    .main-nav li{float:none;}
    .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;}
    .menu-button,
    .menu-button::before,
    .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
    .menu-button{margin-top:17px;}
    .menu-button::before {content: "";margin-top: -10px;}
    .menu-button::after {content: "";margin-top: 10px;}
    #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
    #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
    #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
    #menu-toggle ~ .header_box li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    #menu-toggle:checked ~ .header_box a {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

.recommend-game-box{margin-bottom:20px;position:relative;padding-left:90px;overflow:hidden;background:#FFF}
.recommend-game-title{position:absolute;left:0px;top:0px;height:100%;width:90px;background:#FF6600;text-align:center;}
.recommend-game-title span{height:48px;line-height:48px;font-size:15px;cursor: pointer;color:#FFF;display:block;}
.recommend-game-title span.active{font-weight:bold;background:#EB5E00;font-weight:bold;position:relative;}
.recommend-game-title span.active::after{content: "";position:absolute;right:-8px;top:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #EB5E00;}
.recommend-game-list{display:none;}
.recommend-game-list.active{display:block;}
.recommend-game-list ul{overflow:hidden;padding:20px 0px 0px 20px;}
.recommend-game-list ul li{float:left;text-align:center;width:98px;padding:0px 5px;padding-bottom:15px;}
.recommend-game-list ul li p{height:24px;line-height:24px;overflow:hidden;}
.recommend-game-list ul li span{line-height:24px;height:24px;overflow:hidden;}
.recommend-game-list ul li img{width:80px;height:80px;border-radius:15px;}
@media screen and (max-width:1000px) {
    .recommend-game-box{margin-bottom:5px;padding-left:0px;padding-top:8px;}
    .recommend-game-title{position:relative;width:92%;margin:0px 4%;border-radius:35px;overflow:hidden;height:35px;border:1px solid #FF6600;}
    .recommend-game-title span{margin-left:0px;padding:0px;width:33.33%;height:35px;line-height:35px;color:#666;float:left;font-size:14px;background:#FFF;}
    .recommend-game-title span.active{background:#FF6600;color:#FFF;}
    .recommend-game-title span.active::after{display:none;;}
    .recommend-game-list ul{overflow:auto;display:-webkit-flex;display:flex;padding:20px 20px 0px 0px;}
    .recommend-game-list ul li{margin-left:15px;}
    .recommend-game-list ul li img{width:66px;height:66px;}
}

.focus-l{width:500px;float:left;margin-left:15px;}
.banner{width:500px;height:280px;position:relative;}
.banner img{width:500px;height:280px;}
.focus-recommend{margin-top:20px;background:#FFF;clear:both;overflow:hidden;}
.focus-recommend h2{font-size:16px;padding:0px 12px;line-height:40px;border-bottom:1px solid #EEE;}
.focus-recommend ul li{padding:15px;overflow:hidden;}
.focus-recommend ul li img{width:85px;height:60px;border-radius:8px;float:left;margin-right:10px;}
.focus-recommend ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.focus-recommend ul li p.news-title a{color:#333;font-size:16px;}
.focus-recommend ul li p time{float:left;font-size:14px;color:#999;}
.focus-recommend ul li p span{float:right;font-size:14px;color:#999;}


.focus{width:422px;float:left;}
.focus ul{background:#FFF;padding:12px 15px 11px 15px;border-top:1px solid #EEE;}
.focus ul:nth-child(1){border-top:0px;}
.focus li{clear:both;height:35px;line-height:35px;overflow:hidden;padding-left:12px;position:relative;}
.focus li a{float:left;color:#666;font-size:16px;}
.focus li.bold a{color:#000}
.focus li time{float:right;color:#999;font-size:12px;}
.focus li:after{content:"";background:#ccc;width:4px;height:4px;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;display:block;position:absolute;left:0;top:50%;}

.focus-r{width:222px;float:right;padding:0px 12px 12px 12px;background:#FFF;}
.focus-r h2{font-size:16px;padding:0px 12px;line-height:40px;border-bottom:1px solid #EEE;}
.focus-r ul li {position:relative;padding:9px 10px 10px 35px;font-size:12px;overflow:hidden;}
.focus-r ul li i.rank {width:22px;height:62px;line-height:60px;display:inline-block;text-align:center;position:absolute;top:8px;left:0px;background:#EEE;color:#666;}
.focus-r ul li i.rank.rank1,
.focus-r ul li i.rank.rank2,
.focus-r ul li i.rank.rank3 {background:red;color:#FFF}
.focus-r ul li img {width:62px;height:62px;border-radius:5px;vertical-align:middle;margin-right:15px;float:left;}
.focus-r ul li p{font-size:14px;height:26px;line-height:24px;overflow:hidden;}
.focus-r ul li p:last-child {margin-top:3px;}
@media screen and (max-width:1000px) {
    .focus{width:auto;float:none;}
    .focus-l{width:auto;float:none;margin-left:0px;}
    .banner{width:100%;}
    .focus-recommend{margin-top:0px}
    .focus-r{width:auto;float:none;margin-top:10px;}
}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.game-zone-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.game-zone-title h2{float:left;font-size:18px;}
.game-zone-title a{float:right;}
.game-zone{background:#FFF;margin-bottom:20px;overflow:hidden;}
.game-zone ol{}
.game-zone ol li{float:left;margin-left:13px;width:105px;height:35px;box-sizing:border-box;border:1px solid #d2d2d2;font-size:15px;margin-bottom:15px;position: relative;cursor: pointer;}
.game-zone ol li span{display:block;width:4px;height:35px;background:#ff5858;transition:all .3s;z-index:1;position:absolute;left: -1px;top: -1px;}
.game-zone ol li a{display:block;line-height:35px;width:100%;text-align:center;position:absolute;z-index:2;}
.game-zone ol li:hover span{width:100px;}
.game-zone ol li.game-zone-type-1 a{color:#ff9758;}
.game-zone ol li.game-zone-type-1 span{background:#ff9758;}
.game-zone ol li.game-zone-type-2 a{color:#63a2e9;}
.game-zone ol li.game-zone-type-2 span{background:#63a2e9;}
.game-zone ol li.game-zone-type-3 a{color:#a98fd7;}
.game-zone ol li.game-zone-type-3 span{background:#a98fd7;}
.game-zone ol li.game-zone-type-4 a{color:#ff70ce;}
.game-zone ol li.game-zone-type-4 span{background:#ff70ce;}
.game-zone ol li.game-zone-type-5 a{color:#5eccd6;}
.game-zone ol li.game-zone-type-5 span{background:#5eccd6;}
.game-zone ol li.game-zone-type-6 a{color:#ebc83d;}
.game-zone ol li.game-zone-type-6 span{background:#ebc83d;}
.game-zone ol li.game-zone-type-7 a{color:#b09696;}
.game-zone ol li.game-zone-type-7 span{background:#b09696;}
.game-zone ol li.game-zone-type-8 a{color:#5ed895;}
.game-zone ol li.game-zone-type-8 span{background:#5ed895;}
.game-zone ol li:hover a{color:#FFF;}
.game-zone ul{overflow:hidden;clear:both;}
.game-zone ul li{float:left;text-align:center;width:120px;padding-bottom:15px;}
.game-zone ul li p{height:24px;line-height:24px;overflow:hidden;}
.game-zone ul li span{line-height:24px;height:24px;overflow:hidden;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;padding:3px 8px}
.game-zone ul li img{width:80px;height:80px;border-radius:15px;}
@media screen and (max-width:1000px){
    .game-zone ul li{width:22%;margin-left:2%;}
    .game-zone ul li p{font-size:12px;}
    .game-zone ul li img{width:66px;height:66px;}
}

.game-rank{background:#FFF;width:385px;float:left;margin-left:15px;}
.game-rank:nth-child(1){margin-left:0px;}
.game-rank .rank-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.game-rank ul{overflow:hidden;padding:5px 15px}
.game-rank ul li{clear:bot;overflow:hidden;padding:10px 20px 10px 45px;line-height:26px;position:relative;border-bottom:1px solid #EEE;}
.game-rank ul li .game-rank-no{position:absolute;left:0px;top:12px;background:red;color:#fff;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;display:block;}
.game-rank ul li img{width:48px;height:48px;border-radius:8px;float:left;margin-right:15px;display:none;}
.game-rank ul li .game-rank-title{font-size:14px;line-height:26px;}
.game-rank ul li .game-rank-attr{font-size:12px;color:#999;padding-top:6px;display:none;}
.game-rank ul li .game-rank-detail{display:none;}
.game-rank ul li .game-rank-views{position:absolute;right:10px;top:10px;font-size:12px;color:#999;}
.game-rank ul li.active{padding-top:10px;pading-bottom:10px;}
.game-rank ul li.active img{display:block;}
.game-rank ul li.active .game-rank-no{top:24px;}
.game-rank ul li.active .game-rank-attr{display:block;}
.game-rank ul li.active .game-rank-detail{display:block;position:absolute;top:24px;right:0px;}
.game-rank ul li.active .game-rank-views{display:none;}
.game-rank-more{clear:both;text-align:center;padding:10px 0px 15px 0px;}
.game-rank-more a{background:#DDD;color:#333;width:138px;height:30px;line-height:30px;display:inline-block;border-radius:5px;}
@media screen and (max-width:1000px) {
    .game-rank{width:auto;float:none;margin-left:0px;}
}

.news-box{background:#FFF;overflow:hidden;padding:0px 15px 15px 15px;}
.news-box h2{font-size:16px;height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.news-list .news-left-box{width:390px;overflow:hidden;float:left;}
.news-list .news-left-box ul:nth-child(1){width:390px;height:260px}
.news-list .news-left-box ul:nth-child(1) li img{width:390px;height:260px;}
.news-list .news-left-box ul:nth-child(2){padding-top:8px;}
.news-list .news-left-box ul:nth-child(2) li{overflow:hidden;width:188px;}
.news-list .news-left-box ul:nth-child(2) li img{width:188px;height:135px;}
.news-list .news-left-box ul:nth-child(2) li p{height:30px;line-height:30px;overflow:hidden;padding-top:6px;text-align:center;}
.news-list .news-left-box ul:nth-child(2) li p a{color:#333;font-size:14px;}

.news-list .news-center-txt{width:755px;padding-left:15px;overflow:hidden;float:right;}
.news-list .news-center-txt ul li{line-height:30px;height:30px;width:330px;overflow:hidden;float:left;}
.news-list .news-center-txt ul li time{float:right;font-size:14px;color:#999;}
.news-list .news-center-txt ul li a{float:left;font-size:14px;color:#666;}
.news-list .news-center-txt ul li:nth-child(odd){float:left}
.news-list .news-center-txt ul li:nth-child(even){float:right}

.news-list .news-center-txt ol{overflow:hidden;padding-bottom:11px;padding-top:6px;clear:both;}
.news-list .news-center-txt ol li{overflow:hidden;padding:9px;float:left;width:88px;text-align:center;}
.news-list .news-center-txt ol li img{width:88px;height:88px;border-radius:8px;}
.news-list .news-center-txt ol li p{font-size:14px;padding-top:8px;}
.news-list .news-center-txt ol li span{font-size:12px;color:#999;}
.news-list .news-center-txt ol li .article-game-down{width:90px;text-align:center;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}
@media screen and (max-width:1000px) {
    .news-box{padding:0px;}
    .news-box h2{display:none;}
    .news-list .news-center-txt{width:auto;float:none;}
    .news-list .news-left-box{width:auto;float:none;}
    .news-list .news-left-box ul:nth-child(1){width:100%;}
    .news-list .news-left-box ul:nth-child(1) li img{width:100%;}
    .news-list .news-left-box ul:nth-child(2){display:block;}
    .news-list .news-left-box ul:nth-child(2) li{width:47%;margin-left:2%;float:left;}
    .news-list .news-left-box ul:nth-child(2) li img{width:100%;height:125px;}
    .news-list .news-center-txt{padding-left:0px;}
    .news-list .news-center-txt ul li,.news-list .news-center-txt ul li:nth-child(odd),.news-list .news-center-txt ul li:nth-child(even){float:none;padding:0px 10px;}
    .news-list .news-center-txt ol li{width:30%;padding:5px 0px 10px 0px;margin-left:2.5%;text-align:center;}
    .news-list .news-center-txt ol li:nth-child(7){display:none;}
    .news-list .news-center-txt ol li img{display:inline-block;}
}

.question-box{background:#FFF;overflow:hidden;}
.question-box-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.question-box-title h2{float:left;font-size:18px;}
.question-box-title a{float:right;}
.question-box ul{padding:8px 0px;overflow:hidden;clear:both;}
.question-box ul li{line-height:48px;height:48px;width:335px;overflow:hidden;float:left;margin:0px 15px;border-top:1px solid #F6F6F6;position:relative;padding-left:35px;}
.question-box ul li::before{content:'问';border:1px solid #fd3b3b;color:#fd3b3b;width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px;position:absolute;left:0px;top:12px;}
.question-box ul li:nth-child(1),.question-box ul li:nth-child(2),.question-box ul li:nth-child(3){border-top:0px;}
.question-box ul li time{float:right;font-size:14px;color:#999;}
.question-box ul li a{float:left;font-size:14px;color:#666;}
@media screen and (max-width:1000px) {
    .question-box ul{padding:12px;}
    .question-box ul li{width:auto;margin:0px;float:none;}
    .question-box ul li a{max-width:70%;}
}

    .game-vs-list{background:#FFF;overflow:hidden;}
    .game-vs-list h3{padding:15px 0px 0px 15px;}
    .game-vs-list ul{padding:15px 0px;overflow:hidden;}
    .game-vs-list ul li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}

    .foot-links{overflow:hidden;background:#2b2b2b;padding:10px 0px}
    .foot-links li{width:auto;margin-right:10px;float:left;height:35px;line-height:35px;overflow:hidden;}
    .foot-links a{color: #FFF;}
    .footer{background:#191919;text-align:center;padding:20px 0px;color:#CCC}
    .footer p{padding-top:5px;}
    .footer a{color:#CCC}
    @media screen and (max-width:1000px) {
        .game-vs-list ul li{float:none;width:auto;}
        body{padding-bottom:55px;}
        .footer{padding:10px}
        .foot-links{padding:10px}
    }